/* CSS Document */
/** icon */
.icon-black {
	background-image: url(../image/call_total_16_144.png);
	overflow: hidden;
}

.icon-black-sms {
	background-position: 0 -96px;
}

.icon-black-call {
	background-position: 0 -80px;
}

.icon-black-trash {
	background-position: 0 -128px;
}

/** 右侧导航 */
.nav-contact-{
	background-position: 0 -32px;
}

.nav-contact--5{
	background-position: 0 -16px;
}

.nav-contact-recycle{
	background-position: 0 -112px;
}

.nav-contact--10{
	background-position: 0 -96px;
}

.nav-contact-other{
	background-position: 0 0;
}

.nav-contact-friend{
	background-position: 0 -48px;
}

.nav-contact-family{
	background-position: 0 -64px;
}

.nav-contact-colleague{
	background-position: 0 -80px;
}

.nav-contact-classmate{
	background-position: 0 -128px;
}

/** 联系人添加成员 */
.contact-add-member{
	color: #3366CC;
    font-size: 12px;
    font-weight: normal;
    margin-left: 10px;
}

.contact-add-member:hover{
	text-decoration: underline;
}

/** 联系人排序按钮 */
.sort, .eachPage{
	float:right;
}

.sort{
	margin-right: 5px;
}

.sort div{
	float:left;
	width:19px;
	height:22px;
}

.sort-fullPY-disabled, .sort-fullPY-enable-mouseout, .sort-fullPY-enable-mouseover{
	margin-right:-1px;
}

.sort-fullPY-enable-mouseout, .sort-fullPY-enable-mouseover, .sort-timestamp-enable-mouseout, .sort-timestamp-enable-mouseover{
	cursor:pointer;
}

.sort-fullPY-disabled{
	background-position:-38px -219px;
}

.sort-fullPY-enable-mouseout{
	background-position:0 -219px;
}

.sort-fullPY-enable-mouseover{
	background-position:-19px -219px;
}

.sort-timestamp-disabled{
	background-position:-95px -219px;
}

.sort-timestamp-enable-mouseout{
	background-position:-57px -219px;
}

.sort-timestamp-enable-mouseover{
	background-position:-76px -219px;
}

#pages-sel-container{
	border:1px solid #333;
	background-color:#fff;
}

#pages-sel-container li{
	padding:4px 0 4px 12px;
	cursor:default;
}

/* 回收站 */
#l_sa{
	color: #787878;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 15px 4px;
}

.recycle-button-clear{
	color: #3366cc;
	padding: 4px;
	font-size: 12px;
	font-weight: normal;
	float: right;
}

.recycle-button-clear:hover{
	text-decoration:underline;
}

.lsa{
	color:#333;
}

.nav-recycle{
	position: relative;
}

.nav-recycle .icon_trash{
	position: absolute;
	left: 10px;
	top: center;
}

/** 新建分组 */
#nav-add-group{
	color: #6699CC;
}

#nav-add-group:hover{
	color: #FFF;
	background-color: #6699cc;
}

/** 自定义分组导航样式 */
.nav-customize-group{
	position: relative;
}

.nav-customize-group input{
	display: none;
	margin-top: 4px;
	border: 2px solid #3366cc;
	width: 120px;
	padding: 2px;
	*padding: 2px 2px 0 2px;
	height: 16px;
	margin-left: 35px;
}

.nav-customize-group div.handle{
	height: 18px;
	width: 13px;
	display: none;
	position: absolute;
	z-inde: 2;
	left: 0;
	top: 7px;
}

.nav-customize-group .op-container{
	display: none;
	position:absolute;
	left:-122px;
	*left:-120px;
	top:15px;
	width:120px;
	height:55px;
	*height:50px;
	background-color:#fff;
	border:1px solid #bbd1e9;
	z-index: 2;
}

.grpEditView_a{
	padding:4px 0 3px 10px;
	cursor:pointer;
	margin:1px;
}

.grpEditView_aa{
	float:left;
	height:16px;
	width:20px;
}

.grpEditView_ab{
	margin-left:5px;
	line-height:1.6;
	*line-height:1.3;
}

/** 回收站无数据 */
.nodata-common{
	color:#333;
	font-size:12px;
	background-color:#ffffcc;
	border:1px solid #E6E6E6;
	margin: 30px 0;
	line-height:2;
	padding:10px 20px;
}

.norec_a{
	text-align:center;
	font-weight:bold;
}

.nodata-common li{
	list-style-type: disc;
	margin: 0 0 0 17px;
	*margin: 0 0 0 20px;
}

/** 字母索引条 */
#letter{
	padding-left:5px;
	*padding-left:2px;
	background-color:#fff;
	height:25px;
	width:517px;
	*width:515px;
}

#letter li{
	float:left;
	color:#ccc;
	font-size:12px;
	margin:2px 0 0 1px;
	padding:2px 5px;
	font-family:arial;
}

/** 混乱的 */
#l_nb{
	background-color:#e7eef8;
	padding:5px;
}

.l_nba{
	height:30px;
}

#l_nbc{
	float:right;
	background-color:#fff;
}

#l_nc{
	font-size:14px;
	color:#787878;
	font-weight:bold;
	padding:4px 8px 8px 4px;
}
#l_nca{
	font-size:12px;
	color:#3366cc;
	font-weight:normal;
	margin-left:20px;
}
#l_nca:hover{
	color:#fff;
	background-color:#3366cc;
}

#l_nf{
	margin:10px 5px 10px 20px;
	*margin:1px 5px 7px 16px;
}
.l_nfli{
	*margin:-5px 0 0 1px;
}
.lnfa{
	color:#333;  
	display:block;
	font-size:14px;
	margin:0 10px 0 15px;
	*margin:0 11px 0 19px;
	padding:5px 0 5px 5px;
	*padding:2px 0px 3px 1px;
	*width:500px;
}
.lnfa:hover{
	background-color:#bbd1e9;
}
.lnfb{
	color:#333;
	display:-moz-inline-box;  
	display:inline-block;
	width:90px;
}
.lnfc{
	margin-left:8px;
	color:#9999cc;
}
.lnfc:hover{
	color:#fff;
	background-color:#9999cc;
}
.lnfd{
	background-color:#e7eef8;
	border:1px solid #BBD1E9;
	margin:10px 15px 20px 0;
	*margin:10px 15px 20px 4px;
	min-height:110px;
	height:auto !important; /*兼容FF,IE7也支持 !important标签*/
    height:110px; /*兼容ie6*/
}

.lnfda{
	margin:0 10px 10px 10px;
	padding-top:5px;
	border-bottom:1px solid #bbd1e9;
	height:30px;
}

.lnfdc{
	padding:0 0 10px 0;
}

.lnfdc a{
	vertical-align: -3px;
	*vertical-align: 0;
}

.lnfdca{
	font-weight:bold;
	font-size:14px;
	margin-right: 10px;
}
.lnfdd{
	*width:510px;
	padding:0 0 5px 0;
}
.lnfddset{
	*width:100%;
	padding:0 0 5px 0;
}
.lnfdm{
	padding:10px 0 10px 10px;
}
.lnfdda{
	color:#777;
	font-size:12px;
}
.lnfddb{
	color:#333;
	padding-left:11px;
	font-size:12px;
}
.lnfddb a{
	color:#3366cc;
}
.lnfddb a:hover{
	color:#fff;
	background-color:#3366cc;
}

.lnfddc{
	color:#3366cc;
	/*padding-left:15px;*/
	font-size:12px;
}
.lnfddc:hover{
	color:#fff;
	background-color:#3366cc;
}
.lnfddd{
	width:358px;
	overflow:hidden;
	height:34px;
	*height:50px;
	padding:3px 2px 0 3px;
	*padding:3px 2px 2px 3px;
	font-size:12px;
	color:#333;
}
#l_nm{
	border:1px solid #333;
	width:150px;
	background-color:#FFF;
}
#l_nm li{
	-width: 100%;
}
.lnma{
	color:#000;
	padding:4px 4px 4px 15px;
}
.lnmb{
	color:#777;
	padding:4px 0 3px 7px;
}
.lnma:hover{
	color:#fff;
	background-color:#3366cc;
}

.lnmd{
	color:#6699cc;
	padding:4px 0 4px 15px;
}

.lnmd span{
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
}

.lnma, .lnmd{
	cursor:default;
}

.group{
	border:1px solid #BAD2EA;
	width:45px;
	*width:55px;
	position:absolute;
	margin:-20px 0 0 190px;
	*margin:0;
	background-color::#fff;
	padding:4px 3px 0 5px;
	*padding:4px 5px;
}
.group_a{
	font-size:12px;
}

/** 常用联系人icon */
.icon-favorite-1{
	background-position: 0 -204px;	
}

.icon-favorite-0{
	background-position: 0 -192px;
}

.icon-favorite-0:hover{
	background-position: 0 -204px;
}

.contact-favorite{
	display: block;
	position: absolute;
	z-index: 1;
	right: 0;
	top: 0;
	width: 12px;
	height: 12px;
}

/** 清空生日 */
.contact-clear-birth {
	margin-left: 5px;
}

.contact-info-name {
	height: 13px\0;
}

/** 联系人的发短信和拨号按钮 */
.contact-info-newmb{
	background-color: #000000;
	filter:alpha(opacity=40); 
	-moz-opacity:0.4; 
	opacity:0.4;
	width: 62px;
	height: 25px;
	position: absolute;
	left: 106px;
	*left: 107px;
	top:27px;
	display: none;
}
.contact-info-newsdaia{
	left:145px;
	top:31px;
	position: absolute;
	display: none;
}
.contact-info-newsmsa{
	left:116px;
	top:31px;
	position: absolute;
	display: none;
}
.content-foot-recytip{
	float: right;
	color: #787878;
    margin-top: 3px;
    margin-top: 5px\9;
    *margin-top: -27px;
    *margin-right: 13px;
}

/** 联系人分组操作按钮 */
.contact-group-op-container {
	width: 62px;
	height: 25px;
	position: absolute;
	display: none;
	top: 5px;
	right: 2px;
	z-index: 1;
}

.contact-group-op-background {
	background-color: #000;
	filter:alpha(opacity=40); 
	-moz-opacity:0.4; 
	opacity:0.4;
	position: absolute;
	z-index: 1;
	width: 62px;
	height: 25px;
}

.contact-group-btn-set, .contact-group-btn-remove {
	position: absolute;
	z-index: 2;
	top: 5px;
	display: block;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

.contact-group-btn-set {
	left: 10px;
}

.contact-group-btn-remove {
	right: 10px;
}

.l_ljm span {
	margin-left: 7px;
	*margin-left: 3px;
}

